<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/ZRT.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/denglu.css" />
		<link rel="stylesheet" type="text/css" href="../css/shppcart.css" />
		<script src="../js/shppcart.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="header2">
			<div class="logo2">
				<img src="../img/logo.png">
			</div>
			<div class="nav2">
				<ul class="max-nav2">
					<li>
						<a href="ZRT.html" class="firstNav">首页</a>
					</li>
					<li>
						<a href="http://www.baidu.com" class="firstNav"><span>护肤</span></a>
					</li>
					<li>
						<a href="http://www.baidu.com" class="firstNav"><span>面膜</span></a>
					</li>
					<li>
						<a href="http://www.baidu.com" class="firstNav"><span>彩妆</span></a>
					</li>
					<li>
						<a href="http://www.baidu.com" class="firstNav"><span>男士</span></a>
					</li>
					<li class="secList">
						<a href="http://www.baidu.com"="club firstNav">会员俱乐部</a>
						<ol>
							<li>
								<a href="">会员礼遇</a>
							</li>
							<li>
								<a href="">会员章程</a>
							</li>
							<li>
								<a href="">积分规则</a>
							</li>
						</ol>
					</li>
					<li class="secList">
						<a href="http://www.baidu.com" class="about firstNav">关于自然堂</a>
						<ol>
							<li>
								<a href="">品牌故事</a>
							</li>
							<li>
								<a href="">品牌资讯</a>
							</li>
							<li>
								<a href="">品牌价值观</a>
							</li>
						</ol>
					</li>
					<li>
						<a href="http://www.baidu.com" class="firstNav">专柜查询</a>
					</li>
					<li>
						<a href="http://www.baidu.com" class="firstNav">防伪查询</a>
					</li>
				</ul>
				<ul class="min-nav2">
					<li><a href="http://www.baidu.com"></a><img src="../img/search.png"></li>
					<li><a href="http://www.baidu.com"></a><img src="../img/shopping-cart.png"></li>
					<li><a href="http://www.baidu.com"></a><img src="../img/my.png"></li>
				</ul>
			</div>
		</div>
		<div id="hea"></div>

		<div class="shppcart">
			<h3>购物袋</h3>
			<h4>我的购物袋 <span>管理</span></h4>
			<div class="commodity" style="display: none;">
				<ul>
					<li>
						<div class="a">
							<input type="checkbox" class="j">
							<div class="img">
								<img src="../img/15218EORf1688952.png" />
							</div>
							<div class="p">
								<p class="c">
									<span class="x">+</span>&nbsp;
									<input type="text" value="1" class="k">
									&nbsp;<span class="y">-</span>
								</p>
								<p class="name">男士咖啡因活力紧致精华乳</p>
								<p style="color: #C7C7C7;">70ml</p>
								<p class="price">￥180</p>
							</div>
						</div>

					</li>
				</ul>
			</div>
			
			<div class="noLogin_bottom">
				<input type="checkbox" id="qbtn" />
				<h3 style="font-size: 20px;line-height:144px ;">全选</h3>
				<p class="b">合计：<span class="money">¥0.00</span></p>
				<a class="pay" href="">结算</a>
			</div>
		</div>

		<div id="last"></div>
	</body>
</html>
<script>
	$("#last").load("Tail.html");
	$("#hea").load("header.html", function() {

		$(window).scroll(function() {
			if ($(this).scrollTop() > 100) {
				$(".header2").css("display", "flex");
			} else {
				$(".header2").css("display", "none");
			}
		})
	});
</script>
